<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的blog的制作</title>
    <link rel="stylesheet" href="../css/commen.css">
    <link rel="stylesheet" href="../css/learn-out.css">
    <script src="../Js/move.js"></script>
</head>
<body>
    
    <nav>  
        
        <div>
            <a href=".././img/me.jpg">
            <img src=".././img/me.jpg" alt="这是我的头像" title="此图是吾一友所作"  class="circle" >
            </a>
            <h1>我与微光</h1>
        </div>
        <ul>
            <li><a href="beginning.html"><strong>前言</strong></a></li>
            
            <li><a href="article1.html"><strong>自我简介</strong></a></li>
            
            <li><a href="article2.html"><strong>辗转反侧</strong></a></li>
            
            <li><a href="article3.html"><strong>初闻微光</strong></a></li>
            
            <li><a href="article4.html"><strong>定于前端</strong></a></li>
            
            <li><a href="article5.html"><strong>微光之旅</strong></a></li>
            
            <li><a href="article6.html"><strong>梦归来兮</strong></a></li>

            <li><a href="article7.html"><strong>后记</strong></a></li>
        </ul>
        <div id="process">
            <a href="process.html">blog制作历程</a>
        </div>
    </nav>

    <div class="article">
        <header>
            <h1>blog制作历程</h1>
        </header>
        <article>
            <h3 id="t1">灵感</h3>
            <p>
                我的blog的风格比较“单一”。
                我也实际想把网页做简单些许，便仿照mdn的风格创作了这一blog。
            </p>
            <h3 id="t2">希望</h3>
            <p>
                我不知到我能否进入微光，但我不想在未能进入微光而失去一切。
            </p>
            <p>
                我希望我能将这2个月的努力记录下来，激励我今后前进。
                这一个blog，我将我的性格变化，求学曲折，学习历程等记录下来，这一blog愿见之如见我。
            </p>
            <p>
                在此之下，我并未注重这一blog的技术方面，而注重于内容的编写。（时间紧迫）
                我的blog在技术方面十分不堪，由于没有引入媒体查询，我的blog只能在电脑的全屏时才能正常显示。
                也未能加入更多的动画来丰富我的blog，这让我十分遗憾。
            </p>
            <h3 id="t3">鸣谢</h3>
            <p>
                我在制作过程中也借鉴了些网络的资源，在理解了代码后进行了改进，特此鸣谢
            </p>
            <ul>
                <li><a href="https://blog.csdn.net/weixin_62650212/article/details/123912722">动画1</a></li>
                <li><a href="https://segmentfault.com/a/1190000042969886">动画2</a></li>
                <li><a href="https://developer.mozilla.org/zh-CN/docs/Learn/CSS">mdn</a></li>
                <li><a href="https://www.runoob.com/cssref/css-reference.html">菜鸟教程</a></li>
            </ul>
        </article>
    </div>


    <div class="menu">
        <div class="tool">
            <ul>
                <li><a href="#t1"><b>灵感</b></a></li>
                <li><a href="#t2"><b>希望</b></a></li>
                <li><a href="#t3"><b>鸣谢</b></a></li>
            </ul>
        </div>
    </div>
    
</body>
</html>